<template>
    <!-- pages/wodekaquan/wodeyue.wxml -->

    <view class="page">
        <view class="hy_kq">
            <!-- 卡  for -->
            <navigator v-for="(item,index) in list" :key="index" style="margin-bottom: 10px" class="hy_kq_kk" :url="'/packageB/chognzhi/chognzhi?index='+index">
                <view class="hy_kq_1">
                    <view class="hy_kq_text">{{ item.give_text }}</view>
                    <view class="hy_kq_tpq">
                        <view>充值余额{{ item.price }}元</view>
                        <view>赠送余额{{ item.give_price }}元</view>
                        <view></view>
                    </view>
                </view>
                <view class="hy_kq_kx">充值卡</view>
                <view class="hy_kq_di">
                    <view>使用规则：同比例扣除</view>
                    <view>有效期限：不限期</view>
                </view>
            </navigator>
        </view>
    </view>
</template>

<script>
// pages/wodekaquan/wodeyue.js
import {rechargeindexnew,} from '../../common/api';
export default {
    data() {
        return {
          list:[
            {
              "id": 50,
              "name": "【闲来®】厦门同安马巷店",
              "lat": "24.656825",
              "lng": "118.24402",
              "distance": "18.96km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            },
            {
              "id": 41,
              "name": "【闲来®】厦门同安方特店",
              "lat": "24.683247",
              "lng": "118.188648",
              "distance": "19.57km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            },
            {
              "id": 26,
              "name": "【闲来®】官桥温泉新都城店",
              "lat": "24.806227",
              "lng": "118.425132",
              "distance": "43.28km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            },
            {
              "id": 20,
              "name": "【闲来®】官桥曙宁（六楼）",
              "lat": "24.809937",
              "lng": "118.426823",
              "distance": "43.7km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            },
            {
              "id": 36,
              "name": "【闲来®】石狮泰禾店",
              "lat": "24.740302",
              "lng": "118.639523",
              "distance": "56.07km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            },
            {
              "id": 35,
              "name": "【闲来®】石狮德辉店",
              "lat": "24.72922",
              "lng": "118.649642",
              "distance": "56.44km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            },
            {
              "id": 30,
              "name": "【闲来®】泉州美食街店",
              "lat": "24.900933",
              "lng": "118.598938",
              "distance": "63.06km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            },
            {
              "id": 43,
              "name": "【闲来®】南安洪濑店",
              "lat": "25.070192",
              "lng": "118.526835",
              "distance": "73.12km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            },
            {
              "id": 33,
              "name": "【闲来®】惠安洛阳华光店",
              "lat": "24.957108",
              "lng": "118.698647",
              "distance": "74.71km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            },
            {
              "id": 46,
              "name": "【闲来®】惠安东园店",
              "lat": "24.911779",
              "lng": "118.754068",
              "distance": "75.94km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            },
            {
              "id": 51,
              "name": "【闲来®】惠安黄塘店",
              "lat": "25.01478",
              "lng": "118.706739",
              "distance": "79.69km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            },
            {
              "id": 37,
              "name": "【闲来®】安溪湖头形象店",
              "lat": "25.231713",
              "lng": "118.041292",
              "distance": "80.83km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            },
            {
              "id": 42,
              "name": "【闲来®】惠安紫山达利店",
              "lat": "25.014082",
              "lng": "118.757579",
              "distance": "83.37km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            },
            {
              "id": 24,
              "name": "【闲来®】惠安东风店",
              "lat": "25.000243",
              "lng": "118.777892",
              "distance": "83.9km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            },
            {
              "id": 11,
              "name": "【闲来®】禹州二期国潮店",
              "lat": "25.008404",
              "lng": "118.776167",
              "distance": "84.36km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            },
            {
              "id": 9,
              "name": "【闲来®】惠安禹州一期店",
              "lat": "25.007056",
              "lng": "118.777873",
              "distance": "84.39km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            },
            {
              "id": 34,
              "name": "【闲来®】惠安后窑青创店",
              "lat": "25.012037",
              "lng": "118.777521",
              "distance": "84.73km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            },
            {
              "id": 49,
              "name": "【闲来®】惠安滨江鑫源店",
              "lat": "25.010765",
              "lng": "118.789933",
              "distance": "85.59km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            },
            {
              "id": 32,
              "name": "【闲来®】惠安嘉惠店",
              "lat": "25.020108",
              "lng": "118.783257",
              "distance": "85.76km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            },
            {
              "id": 2,
              "name": "【闲来®】惠安福璟二期店",
              "lat": "25.015969",
              "lng": "118.787873",
              "distance": "85.81km",
              "money": "0元",
              "tea_money": "0元",
              "activity": {
                "status": 0,
                "logo": "",
                "title": "活动"
              }
            }
          ]
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {

    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {
      this.getrechargeindexnew()
    },
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {

      getrechargeindexnew() {
        rechargeindexnew(success => {
          console.log('rechargeindexnew',success)
          this.list=success.data.data
        })
      },
    }
};
</script>
<style>
.page {
    background-color: rgb(247, 247, 247);
    height: 100vh;
    padding: 60rpx 40rpx 60rpx 40rpx;
}

.hy_kq_kk {
    background-color: rgb(194, 162, 104);
    height: 200rpx;
    border-radius: 12rpx; /* 设置边框圆角 */
    padding: 30rpx 30rpx 30rpx 30rpx;
    color: rgb(121, 68, 19);
}
.hy_kq_1 {
    display: flex; /* 使用Flexbox布局 */
    justify-content: space-between; /* 子元素之间平均分布在容器中 */
}
.hy_kq_text {
    font-weight: bold; /* 设置字体加粗 */
    font-size: 20px; /* 将字体大小设为14px */
}
.hy_kq_tp {
    width: 30rpx;
    height: 30rpx;
}
.hy_kq_tpq {
    font-size: 25rpx;
    border-radius: 50%;
    color: rgb(255, 255, 255);
    background-color: rgba(212, 192, 153, 0.5);
}
.hy_kq_kx {
    margin-top: 20rpx;
}

.hy_kq_di {
    margin-top: 40rpx;
    display: flex; /* 使用Flexbox布局 */
    justify-content: space-between; /* 子元素之间平均分布在容器中 */
    font-size: 11px; /* 将字体大小设为14px */
}
</style>
